<script lang="ts" setup>
import ProductBox from "../Common/ProductBox.vue";
import { ref } from "vue";

const dataSource = ref([
  {
    key: "1",
    type: "支出",
    current: "999",
    time: "2022-03-05",
    desc: "xxxxxx",
  },
]);

const columns = ref([
  {
    title: "收入(+)/支出(-)",
    dataIndex: "type",
    key: "type",
  },
  {
    title: "当前积分",
    dataIndex: "current",
    key: "current",
  },
  {
    title: "时间",
    dataIndex: "time",
    key: "time",
  },
  {
    title: "说明",
    dataIndex: "desc",
    key: "desc",
  },
]);
</script>
<template>
  <div class="pl-5 pr-5">
    <ProductBox title="积分明细" :back="true">
      <a-table :scroll="{ x: 1000, }" :dataSource="dataSource" :columns="columns" />
    </ProductBox>
  </div>
</template>
<style lang="scss" scoped></style>
